<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link href="/assets/ueditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="/assets/ueditor/third-party/jquery.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="/assets/ueditor/umeditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="/assets/ueditor/umeditor.min.js"></script>
    <script type="text/javascript" src="/assets/ueditor/lang/zh-cn/zh-cn.js"></script>
</head>
<body>
<textarea id="content"></textarea>

<script type="text/javascript">
//实例化富文本编辑器
//参数1: 承载标签的id值
//参数2: 富文本编辑器的配置项 -- 对象来设置
var um = UM.getEditor('content', {
    initialFrameWidth:800, //初始化编辑器宽度,默认500
    initialFrameHeight:300,  //初始化编辑器高度,默认500
    initialContent:'欢迎使用UMEDITOR!',
    isShow : true,
    toolbar:[
            'source | undo redo | bold italic underline strikethrough | superscript subscript | forecolor backcolor | removeformat |',
            'insertorderedlist insertunorderedlist | selectall cleardoc paragraph | fontfamily fontsize' ,
            '| justifyleft justifycenter justifyright justifyjustify |',
            'link unlink | emotion image video  | map',
            '| horizontal print preview fullscreen', 'drafts', 'formula'
        ]
});
</script>
</body>
</html>